<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="../css/header-index.css" />
    <link rel="stylesheet" href="../css/footer.css" />
    <link rel="stylesheet" href="../css/aside.css" />
    <link rel="stylesheet" href="../css/goods.css" />
    <link rel="stylesheet" type="text/css" href="../css/magnifier.css" />
    <script src="https://cdn.staticfile.org/jquery/3.6.3/jquery.js"></script>

    <title>Document</title>
  </head>
  <body>
    <!-- 头部 -->
    <header id="top">
      <!-- 查询部分 -->

      <div class="header-w">
        <div class="header-logo">
          <a href="javascript:void(0)">
            <img
              src="../img/header-img/shop_logo.gif"
              alt=""
              width="159px"
              height="57px"
            />
          </a>
        </div>
        <div class="header-search">
          <div class="header-nav">
            <div class="header-site-nav">
              <div class="header-main">
                <!-- 地区块 -->
                <div class="header-f1">
                  <div class="header-city-check">
                    <div class="header-f1-city">
                      <i>
                        <img
                          src="../img/header-img/city-address.png"
                          alt=""
                          width="25px"
                          height="26px"
                        />
                      </i>
                      <span class="header-address">郑州市</span>
                    </div>
                    <div class="header-city-mask"></div>
                    <div class="header-address-choose"></div>
                  </div>
                  <div class="header-f1-tetx-info">
                    <a href="denglu.html" class="header-a-red">请登录</a>
                    <a href="register.html">免费注册</a>
                  </div>
                </div>
                <!-- 头部右侧导航 -->
                <ul>
                  <li>
                    <div>
                      <a href="#">我的订单</a>
                    </div>
                  </li>
                  <li>
                    <div>
                      <a href="#">我的浏览</a>
                    </div>
                  </li>
                  <li>
                    <div>
                      <a href="#">我的收藏</a>
                    </div>
                  </li>
                  <li>
                    <div>
                      <a href="#">客户服务</a>
                    </div>
                  </li>
                  <li class="header-list-last">
                    <div>
                      <a href="#"
                        >网站导航
                        <i class="iconfont icon-xiala"></i>
                      </a>
                    </div>
                    <div class="header-list-mask"></div>
                    <div class="header-list-last-div">
                      <div class="header-list-last-div-l">
                        <dl>
                          <dt>特色主题</dt>
                          <dd>
                            <div>
                              <a href="#">家用电器</a>
                            </div>
                            <div>
                              <a href="fuzhuang.html">男装女装</a>
                            </div>
                            <div>
                              <a href="xxxb.html">鞋靴箱包</a>
                            </div>
                          </dd>
                        </dl>
                      </div>
                      <div class="header-list-last-div-r">
                        <dl>
                          <dt>促销活动</dt>
                          <dd>
                            <div>
                              <a href="#">拍卖活动</a>
                            </div>
                            <div>
                              <a href="#">共创商品</a>
                            </div>
                            <div>
                              <a href="#">积分商城</a>
                            </div>
                            <div>
                              <a href="#">CMS频道</a>
                            </div>
                            <div>
                              <a href="#">优惠活动</a>
                            </div>
                            <div>
                              <a href="#">超值礼包</a>
                            </div>
                            <div>
                              <a href="#">优惠券</a>
                            </div>
                            <div>
                              <a href="#">礼品卡</a>
                            </div>
                            <div>
                              <a href="#">预售商品</a>
                            </div>
                          </dd>
                        </dl>
                      </div>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="header-search-input">
            <form action="post">
              <input type="text" placeholder="内衣" />
              <button class="header-search-for">搜商品</button>
              <button class="header-search-need">搜店铺</button>
            </form>
          </div>
          <ul style="position: absolute; left: 50px; top: 70%">
            <li>
              <a href="#">周大福</a>
            </li>
            <li>
              <a href="#">内衣</a>
            </li>
            <li>
              <a href="#">Five Plus</a>
            </li>
            <li>
              <a href="#">手机</a>
            </li>
          </ul>

          <div class="header-mycart">
            <div class="header-mycart-con">
              <a href="javascipt:void(0)">
                <i class="iconfont icon-gouwuchekong"></i>
                <span>我的购物车</span>
                <p>0</p>
              </a>
            </div>
            <div class="header-mycart-mask"></div>
            <div class="header-mycart-buy">
              <div>
                <b></b>
                <span>购物车中还没有商品，赶紧选购吧</span>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 商品分类导航 -->

      <div class="header-nav-list">
        <main>
          <div class="header-com-goods">全部商品分类</div>
          <!--自行修改当前页面的分类  -->
          <!-- 记得加自己页面下的a标签加 class  header-nav-active -->
          <ul>
            <li>
              <a href="../index.html" class="header-nav-active">首页</a>
            </li>
            <li>
              <a href="gehumeizhuang">个户美妆</a>
            </li>
            <li>
              <a href="fuzhuang.html">服装城</a>
            </li>
            <li>
              <a href="jiayongdianqi">家用电器</a>
            </li>
            <li>
              <a href="xxxb.html">鞋靴箱包</a>
            </li>
            <li>
              <a href="juhuasuan.html">聚划算</a>
            </li>
            <li>
              <a href="yushou.html">预售</a>
            </li>
            <li>
              <a href="dianpujie.html">店铺街</a>
            </li>
            <li>
              <a href="pinpaizhuanqu.html">品牌专区</a>
            </li>
            <li>
              <a href="announcement.html">公告</a>
            </li>
          </ul>
        </main>
      </div>
    </header>
    <script src="../js/lgy/header.js"></script>

    <!-- 侧边栏 -->
    <aside>
      <div class="aside">
        <div class="aside_up">
          <ul>
            <li class="aside_up_li">
              <a href=""><i class="setting"></i></a>
              <div class="status_login">
                <div class="avatar_box">
                  <p class="avatar_imgbox">
                    <img
                      src="https://x.dscmall.cn/themes/ecmoban_dsc2017/images/touxiang.jpg"
                      width="100"
                      height="100"
                    />
                  </p>
                  <ul class="user_info">
                    <li>用户名：暂无</li>
                    <li>级别：暂无</li>
                  </ul>
                </div>
                <div class="login_btn">
                  <a href="" class="dingdan">我的订单</a>
                  <a href="" class="shoucang">我的收藏</a>
                </div>
                <span class="iconfont icon-triangle24"></span>
              </div>
            </li>
            <li class="shopcart">
              <a href="javascript:void(0)">
                <i class="message"></i>
                <div class="span">购物车</div>
                <span class="cart_num">0</span>
              </a>
            </li>
            <li class="aside_lis">
              <a href="" class="a_l_tuubiao"><i class="chongzhi"></i></a>
              <div class="myOrder">
                <span style="font-size: 12px; cursor: pointer">我的订单</span>
                <span class="iconfont icon-triangle24 iconmy"></span>
              </div>
            </li>
            <li class="aside_lis">
              <a href="" class="a_l_tuubiao"><i class="yhq"></i></a>
              <div class="myOrder">
                <span style="font-size: 12px; cursor: pointer">优惠券</span>
                <span class="iconfont icon-triangle24 iconmy"></span>
              </div>
            </li>
            <li class="aside_lis">
              <a href="" class="a_l_tuubiao"><i class="view"></i></a>
              <div class="myOrder">
                <span style="font-size: 12px; cursor: pointer">我的资产</span>
                <span class="iconfont icon-triangle24 iconmy"></span>
              </div>
            </li>
            <li class="aside_lis">
              <a href="" class="a_l_tuubiao"><i class="zuji"></i></a>
              <div class="myOrder">
                <span style="font-size: 12px; cursor: pointer">我的足迹</span>
                <span class="iconfont icon-triangle24 iconmy"></span>
              </div>
            </li>
            <li class="aside_lis">
              <a href="" class="a_l_tuubiao"><i class="wdsc"></i></a>
              <div class="myOrder">
                <span style="font-size: 12px; cursor: pointer">我的收藏</span>
                <span class="iconfont icon-triangle24 iconmy"></span>
              </div>
            </li>
            <li class="aside_lis">
              <a href="" class="a_l_tuubiao"><i class="email"></i></a>
              <div class="myOrder">
                <span style="font-size: 12px; cursor: pointer">邮箱订阅</span>
                <span class="iconfont icon-triangle24 iconmy"></span>
              </div>
            </li>
          </ul>
        </div>
        <div class="aside_dn">
          <ul>
            <li class="aside_lis">
              <a href="" class="a_l_tuubiao"><i class="kfzx"></i></a>
              <div class="myOrder">
                <span style="font-size: 12px; cursor: pointer">客服中心</span>
                <span class="iconfont icon-triangle24 iconmy"></span>
              </div>
            </li>
            <li class="returnTop aside_lis">
              <a href=""><i class="top"></i></a>
            </li>
          </ul>
        </div>
      </div>
    </aside>
    <div class="aside_shop">
      <a href="javascript:void(0)" class="qx" title="关闭"></a>
      <div class="aside_shop_tit">
        <h3>购物车</h3>
      </div>
      <div class="aside_cont">
        <section class="aside_cont_up">
          <div class="kong">
            <b></b>
            <div class="kong_tit">
              购物车空空的，赶快去挑选心仪的商品吧~<br />
              <a href="">去首页看看</a>
            </div>
          </div>
        </section>
        <section class="aside_cont_dn">
          <div class="jiesuan">
            <span>共<span> 0 </span>件商品</span>
            <span>￥0.00</span>
          </div>
          <a href="javascript:void(0)">去购物车结算</a>
        </section>
      </div>
    </div>

    <main>
      <div class="xiangqingTop">
        <!-- 放大镜 -->
        <div class="magnifier" id="magnifier1">
          <div class="magnifier-container">
            <div class="images-cover"></div>
            <!--当前图片显示容器-->
            <div class="move-view"></div>
            <!--跟随鼠标移动的盒子-->
          </div>
          <div class="magnifier-assembly">
            <div class="magnifier-btn">
              <span class="magnifier-btn-left">&lt;</span>
              <span class="magnifier-btn-right">&gt;</span>
            </div>
            <!--按钮组-->
            <div class="magnifier-line">
              <ul class="clearfix animation03">
                <!--  -->
              </ul>
            </div>
            <!--缩略图-->
          </div>
          <div class="magnifier-view"></div>
          <!--经过放大的图片显示容器-->
        </div>
        <div class="top-right">
          <form action="" id="ECS_FORMBUY">
            <div class="name">
              合生元Razer雷蛇 雨林狼蛛幻彩版 Ornata Chroma 机械式薄膜游戏键盘
            </div>
            <div class="activity-title">
              <div class="activity-type">秒杀</div>

              <div class="sk-time-cd">
                <div class="sk-cd-tit">剩余时间</div>
                <div class="cd-time"></div>
                <script>
                  function timeCha(setTime) {
                    var date1 = new Date();
                    var date2 = new Date(setTime);
                    var rel = (date2 - date1) / 1000;
                    var days = parseInt(rel / 60 / 60 / 24);
                    var hours = parseInt((rel / 60 / 60) % 24);
                    var min = parseInt((rel / 60) % 60);
                    var seconds = parseInt(rel % 60);

                    days = days < 10 ? "0" + days : days;
                    hours = hours < 10 ? "0" + hours : hours;
                    min = min < 10 ? "0" + min : min;
                    seconds = seconds < 10 ? "0" + seconds : seconds;
                    return hours + ":" + min + ":" + seconds;
                  }
                  var str = timeCha("2023/1/15 09:00:00");
                  $(".cd-time").append(str);
                </script>
              </div>
            </div>

            <div class="summary">
              <div class="summary-price-wrap">
                <div class="s-p-w-wrap">
                  <div class="summary-item si-shop-price">
                    <div class="si-tit">秒 杀 价</div>
                    <div class="si-warp">
                      <strong class="shop-price">¥7700.00</strong>
                    </div>
                  </div>
                  <div class="summary-item si-market-price">
                    <div class="si-tit">市 场 价</div>
                    <div class="si-warp">
                      <div class="m-price">¥600.00</div>
                    </div>
                  </div>
                  <div class="si-info">
                    <div class="si-cumulative">
                      累计销量
                      <em>2</em>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </form>
        </div>
      </div>
      <script type="text/javascript">
      $(function () {
        var magnifierConfig = {
          magnifier: "#magnifier1", //最外层的大容器
          width: 400, //承载容器宽
          height: 500, //承载容器高
          moveWidth: null, //如果设置了移动盒子的宽度，则不计算缩放比例
          zoom: 5, //缩放比例
        };

        var _magnifier = magnifier(magnifierConfig);

        /*magnifier的内置函数调用*/
        /*
		//设置magnifier函数的index属性
		_magnifier.setIndex(1);

		//重新载入主图,根据magnifier函数的index属性
		_magnifier.eqImg();
	*/
      });
    </script>

    <div class="goods-main-layout">
        <div class="g-m-left">
            <div class="g-main g-store-info">
                <div class="mt">
                    <h3>商创自营</h3>
                    <a class="s-a-kefu" href="javascript:void(0)">
                        <i class="icon i-kefu"></i>
                    </a>
                </div>
                <div class="mc">
                    <div class="mc-warp">
                        <div class="g-s-brand">
                            <a href="javascript:void(0)">
                              <img src="https://x.dscmall.cn/storage/data/brandlogo/1490073616154966189.jpg" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="g-m-detail">
          <div class="gm-tabbox detail-hd-fixed">
            <ul class="gm-tab">
              <li class="gm-tab-item">
                本单详情
              </li>
            </ul>
          </div>
        </div>
    </div>
    </main>
    

    <!-- 底部 -->
    <footer>
      <div class="footer-top">
        <main>
          <div class="footer-service-item footer-icon-001">
            <i></i>
            <span>七天包换</span>
          </div>
          <div class="footer-service-item footer-icon-002">
            <i></i>
            <span>正品保障</span>
          </div>
          <div class="footer-service-item footer-icon-003">
            <i></i>
            <span>好评如潮</span>
          </div>
          <div class="footer-service-item footer-icon-004">
            <i></i>
            <span>闪电发货</span>
          </div>
          <div class="footer-service-item footer-icon-005">
            <i></i>
            <span>权威荣誉</span>
          </div>
          <div class="footer-service-item footer-icon-006">
            <i></i>
            <span>4001-021-758</span>
          </div>
          <div class="footer-service-item footer-icon-007">
            <a href="#">
              <i></i>
              <span>咨询客服</span>
            </a>
          </div>
        </main>
      </div>
      <div class="footer-com">
        <div class="footer-links clearfix">
          <dl class="footer-article-item">
            <dt>新手上路</dt>
            <dd>
              <a href="#">售后流程</a>
            </dd>
            <dd>
              <a href="#">购物流程</a>
            </dd>
            <dd>
              <a href="#">订购方式</a>
            </dd>
          </dl>
          <dl class="footer-article-item">
            <dt>配送与支付</dt>
            <dd>
              <a href="#">货到付款区域</a>
            </dd>
            <dd>
              <a href="#">配送支付智能查询</a>
            </dd>
            <dd>
              <a href="#">支付方式说明</a>
            </dd>
          </dl>
          <dl class="footer-article-item">
            <dt>服务保证</dt>
            <dd>
              <a href="#">退换货原则</a>
            </dd>
            <dd>
              <a href="#">售后服务保证</a>
            </dd>
            <dd>
              <a href="#">产品质量保证</a>
            </dd>
          </dl>
          <dl class="footer-article-item">
            <dt>联系我们</dt>
            <dd>
              <a href="#">网站故障报告</a>
            </dd>
            <dd>
              <a href="#">选机咨询</a>
            </dd>
            <dd>
              <a href="#">投诉与建议</a>
            </dd>
          </dl>
          <dl class="footer-article-item">
            <dt>会员中心</dt>
            <dd>
              <a href="#">资金管理</a>
            </dd>
            <dd>
              <a href="#">我的收藏</a>
            </dd>
            <dd>
              <a href="#">我的订单</a>
            </dd>
          </dl>
          <dl class="footer-contact-item">
            <div class="footer-ewm">
              <img src="../img/header-img/ecjia_qrcode.jpg" alt="" />
              <p>关注微信</p>
            </div>
          </dl>
          <dl class="footer-contact-item">
            <div class="footer-ewm">
              <img src="../img/header-img/ectouch_qrcode.jpg" alt="" />
              <p>下载APP</p>
            </div>
          </dl>
        </div>
        <div class="footer-others">
          <ul class="footer-others-title-list clearfix">
            <li>
              <a href="#">首页</a>
            </li>
            <li>
              <a href="#">隐私保护</a>
            </li>
            <li>
              <a href="#">联系我们</a>
            </li>
            <li>
              <a href="#">免责条款</a>
            </li>
            <li>
              <a href="#">公司简介</a>
            </li>
            <li>
              <a href="#">商家入驻</a>
            </li>
            <li>
              <a href="#">供应商入驻</a>
            </li>
            <li>
              <a href="#">意见反馈</a>
            </li>
          </ul>
          <ul class="footer-others-title-list clearfix">
            <li>
              <a href="#">b2b2c</a>
            </li>
            <li>
              <a href="#"> 多用户商城系统 </a>
            </li>
            <li>
              <a href="#"> 商城系统</a>
            </li>
            <li>
              <a href="#">ecjia新零售</a>
            </li>
          </ul>
          <div class="footer-copyright">
            <p>ICP备案证书号:沪ICP备14029880号-5</p>
            <p>
              版权所有 © 2005-2021 大商创，并保留所有权利。POWERED BY DSCMALL
            </p>
          </div>
        </div>
      </div>
    </footer>
  </body>
  <script src="../js/allData.js"></script>
  <script src="../js/aside.js"></script>
  <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
  <script src="../js/lgy/goods.js"></script>
  <script type="text/javascript" src="../js/magnifier.js"></script>
</html>
